import React, { useState, useEffect, useRef, Suspense } from 'react'
import { Provider } from 'react-redux'

import EchoRouter from './router/Router'
import { store } from './store/index'


import './App.css'
import AuthRouterWrapper from './router/AuthRouterWrapper'
import { HashRouter } from "react-router-dom";
import EchoUseRoutes from './router/Router2';
import EchoUseRoutes3 from './router/Router3'

import { ToastContainer, toast } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';
const {MODE} = import.meta.env

function App() {

  return (
    // <Provider store={store}>

    <div>

      <ToastContainer position="top-center" autoClose={2000} />

      {/* <div style={{width: "2632px", height: "392px"}}>
        <img width={"100%"} height={"100%"} style={{objectFit: "fill"}} src={`${MODE === "production" ? "./lsjj.jpeg" : "/lsjj.jpeg"}`} />
      </div> */}

      {/* <EchoRouter /> */}

      {/* 路由的第二种方式 */}
      {/* <HashRouter>
        <AuthRouterWrapper>
          <EchoUseRoutes />
        </AuthRouterWrapper>
      </HashRouter> */}

      <EchoUseRoutes3></EchoUseRoutes3>
    </div>
    // </Provider>
  )
}

export default App
